<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="/favicon/favicon-16x16.png" sizes="16x16" />
    <link rel="icon" href="/favicon/favicon-32x32.png" sizes="32x32" />
    <link
      rel="apple-touch-icon"
      href="/favicon/apple-touch-icon.png"
      sizes="180x180"
    />
    <link
      rel="mask-icon"
      href="/favicon/maskable-192x192.png"
      color="#62ABE9"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta http-equiv="Content-Type" content="text/css" />
    <meta http-equiv="Content-Type" content="text/javascript" />
    <meta name="description" content="Blue Archive Story Viewer" />
    <meta name="keywords" content="blue archive, 剧情, story, momotalk" />
    <meta name="theme-color" content="#ffffff" />
    <title>碧蓝档案剧情站</title>
    <link
      rel="preload"
      href="/image/homescreen/background.webp"
      as="image"
      type="image/webp"
    />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="mobile-web-app-capable" content="yes" />
    <link rel="preconnect" href="https://yuuka.cdn.diyigemt.com" />
    <script src="/script/quicklink.umd.js"></script>
    <script type="text/javascript">
      (function (c, l, a, r, i, t, y) {
        c[a] =
          c[a] ||
          function () {
            (c[a].q = c[a].q || []).push(arguments);
          };
        t = l.createElement(r);
        t.async = 1;
        t.src = "https://www.clarity.ms/tag/" + i;
        y = l.getElementsByTagName(r)[0];
        y.parentNode.insertBefore(t, y);
      })(window, document, "clarity", "script", "kas7qpilj6");
    </script>
  </head>
  <body>
    <div id="app" class="acrylic"></div>
    <script type="module" src="./src/main.ts"></script>
    <script>
      var appElement = document.getElementById("app");
      var quicklink = window.quicklink;
      if (appElement && quicklink) {
        quicklink.listen({
          el: appElement,
        });
      }
    </script>
  </body>
</html>
